<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度</title>
    <link rel="stylesheet" type="text/css" href="baidu.css"/>
</head>
<body>
<div class="clear">
    <div class="top">
        <div  class="box">
            <ul>
                <li><a href="#">新闻</a></li>
                <li><a href="#">hao123</a></li>
                <li><a href="#">地图</a></li>
                <li><a href="#">视频</a></li>
                <li><a href="#">贴吧</a></li>
                <li><a href="#">学术</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">设置</a></li>
            </ul>
        </div>
        <div class="box-right">更多产品

            <div class="box-layer">
                <div class="head">更多产品</div>
                <div>
                    <div class="biao1"></div>
                    <div  class="main-right"><a href="#">糯米</a> </div>
                    <div class="xian">_________</div>
                </div>
                <div>
                    <div class="biao2"></div>
                    <div><a href="#">音乐</a> </div>
                    <div class="xian">_________</div>
                </div>
                <div>
                    <div class="biao3"></div>
                    <div><a href="#">图片</a> </div>
                    <div class="xian">_________</div>
                </div>
                <div>
                    <div class="biao4"></div>
                    <div><a href="#">知道</a> </div>
                    <div class="xian">_________</div>
                </div>
                <div>
                    <div class="biao5"></div>
                    <div><a href="#">文库</a> </div>
                    <div class="xian">_________</div>
                </div>
                <div>
                    <div class="biao6"></div>
                    <div><a href="#">风云榜</a> </div>
                    <div class="xian">_________</div>
                </div>
                <div class="biao7"><a href="#">全部产品 >></a> </div>
            </div>

        </div>
    </div>
</div>



        <div class="logo"><img src="img/logo.png"/></div>


        <div class="seek">
            <input type="text" name="new"><span><input type="submit" name="mi" value="百度一下"></span>
            <p class="xiang"></p>

        </div>


        <div  class="floorl">
            <div><img src="img/er.png"></div>
            <div class="floorl2">手机百度</div>
        </div>


        <div  class="bottom">
            <div class="bottom1">
                <a href="#">把百度设为主页</a>
               <a href="#"> 关于百度</a>
                <a href="#">About Baidu</a>
                <a href="#">百度推广</a>

            </div>
            <div class="bottom2">
                <p>©2017 Baidu</p>
                <a href="#">使用百度前必读</a>
                <a href="#">京ICP证030173号 </a>
                <p class="tu"></p>
                <a href="#">京公网安备11000002000001号</a>
               <p class="tu2"></p>
            </div>
        </div>

</body>
</html>